<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/newcss.css">
        <link rel="stylesheet" type="text/css" href="css/960.css">
        <link rel="stylesheet" type="text/css" href="css/reset.css">
        <link rel="stylesheet" type="text/css" href="css/text.css">
        <link rel="stylesheet" type="text/css" href="css/caption-style1.css" media="screen">
        <link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
        <link href="css/sm-core-css.css" rel="stylesheet" type="text/css" />
        <link href="css/sm-blue/sm-blue.css" rel="stylesheet" type="text/css" />
        <link href="css/acordion.css" rel="stylesheet" type="text/css"/>
        <!--<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>-->
        <script type="text/javascript" src="js/jquery/jquery.js"></script>
        <script type="text/javascript" src="libs/jquery-loader.js"></script>
        <script type="text/javascript" src="js/jquery.smartmenus.js"></script>
        <script type="text/javascript">
                $(function() {
                        $('#main-menu').smartmenus({
                                subMenusSubOffsetX: 1,
                                subMenusSubOffsetY: -8
                        });
                });
        </script>              
	<!--<script type="text/javascript" src="js/easySlider1.7.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){	
			$("#slider").easySlider({
				auto: true, 
				continuous: true,
				numeric: true
			});
		});	
	</script>    -->  
        <script type="text/javascript">
                $(document).ready(function() {
                        $('.unactive').hide();
                        $('dt a').click(function()  {
                                //$('dd:visible').slideUp('slow');
                                //$('.active').removeClass('active');
                                if($(this).parent().attr('class')=='active')
                                    {
                                        $(this).parent().removeClass('active').next().slideUp('slow');
                                    } else
                                        {
                                          $(this).parent().addClass('active').next().slideDown('slow');  
                                        }
                                return false;
                                });
                
                        });
        </script>
         
        <style type="text/css">
                #main-menu {
                        position:relative;
                        z-index:9999;
                        width:auto;
                }
                #main-menu ul {
                        width:12em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
                }
        </style>      
    </head>
    
    <body>
        <div id="wrapper">
            <div id="header">
                <div class="container_12">
                    <div class="grid_4">
                        <a href="index.html">
                            <image src="image/global_adidas_logo.gif" alt="logo">
                        </a>
                    </div>
                    <div class="grid_4">
                        <form>
                            <label>
                                <input type="search" placeholder="Search" class="topsearch">
                                <input type="submit" value class="imgsearch">
                            </label>
                        </form>
                    </div>
                    <div class="grid_4">
                        <ul id="topnav">
                            <li>
                                <a href="index.html">Trang chủ</a>
                            </li>
                            <li>
                                <a href="#">Liên hệ</a>
                            </li>
                            <li>
                                <a href="account.html">Tài khoản</a>
                            </li>
                        </ul>
                    </div>
                    
                    <div class="clear"></div>                    
                </div> 
                
                <div class="container_12">
                    <div class="grid_12">
                        <ul id="main-menu" class="sm sm-blue">
                            <li><a href="#">Home</a></li>
                            <li><a href="#">Dụng cụ thể thao</a>
                                <ul>
                                    <li><a href="#">Bóng đá</a></li>
                                    <li><a href="#">Bóng chuyền</a></li>
                                    <li><a href="#">Cầu lông</a></li>
                                    <li><a href="#">Tennis</a></li>                                                   
                                    <li><a href="#">Bóng bàn</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Trang phục</a>
                                <ul>
                                    <li><a href="#">Trang phục nam</a></li>
                                    <li><a href="#">Trang phục nữ</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Các thương hiệu</a>
                                <ul>
                                    <li><a href="#">Adidas</a></li>
                                    <li><a href="#">Nike</a></li>
                                    <li><a href="#">Lining</a></li>
                                    <li><a href="#">Động lực</a></li>
                                    <li><a href="#">Lotto</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Hàng mới</a></li>
                            <li><a href="#">Khuyến mại</a></li>
                            <li><a href="#">Khác</a>
                                <ul class="mega-menu">
                                    <li>
                                        <div style="width:400px;max-width:100%;">
                                            <div style="padding:5px 24px;">
                                                <p>This is a mega drop down test. Just set the "mega-menu" class to the parent UL element to inform the SmartMenus script. It can contain <strong>any HTML</strong>.</p>
                                                <p>Just style the contents as you like (you may need to reset some SmartMenus inherited styles - e.g. for lists, links, etc.)</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                                               
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <div id="content">
                <div class="container_12">
                    <div id="navsite" class="grid_12" style="background-image:url(css/image/pixel.png);
                                                 background-color: #fff">
                        <ul>
                            <li>
                                <a href="index.html">Home</a>
                            </li>
                            <li> 
                                >
                                <a href="account.html">Bóng đá</a>
                            </li>
                            <li>
                                >
                                <span>Giầy</span>
                            </li>
                            
                        </ul>
                    </div>
                </div>
                
                <div class="container_16">
                    <div class="grid_3 space">
                        <div class="grid_3 box-style alpha" style="background-color:#fff">
                            <h1 class="headmenu">Menu</h1>
                            
                            <dl>
                                <dt class="active"><a href="#">Bóng đá</a></dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">Tất cả</a></li>
                                        <li><a href="#">Giày</a></li>
                                        <li><a href="#">Bóng</a></li>
                                        <li><a href="#">Trang phục</a></li>
                                    </ul>
                                </dd>
            
                                <dt><a href="#">Bóng chuyền</a></dt>
                                <dd class="unactive">
                                    <ul>
                                        <li><a href="#">Tất cả</a></li>
                                        <li><a href="#">Giày</a></li>
                                        <li><a href="#">Bóng</a></li>
                                        <li><a href="#">Trang phục</a></li>
                                    </ul>
                                </dd>
            
                                <dt><a href="#">Cầu lông</a></dt>
                                <dd class="unactive">
                                    <ul>
                                        <li><a href="#">Tất cả</a></li>
                                        <li><a href="#">Vợt</a></li>
                                        <li><a href="#">Cầu</a></li>
                                        <li><a href="#">Lưới</a></li>
                                        <li><a href="#">Cột chăng lưới</a></li>
                                        <li><a href="#">Trang phục</a></li>
                                        <li><a href="#">Phụ kiện</a></li>
                                    </ul>
                                </dd>
            
                                <dt><a href="#">Tennis</a></dt>
                                <dd class="unactive">
                                    <ul>
                                        <li><a href="#">Tất cả</a></li>
                                        <li><a href="#">Vợt</a></li>
                                        <li><a href="#">Bóng</a></li>
                                        <li><a href="#">Lưới</a></li>
                                        <li><a href="#">Trang phục</a></li>
                                    </ul>
                                </dd>
            
                                <dt><a href="#">Bóng bàn</a></dt>
                                <dd class="unactive">
                                    <ul>
                                        <li><a href="#">Tất cả</a></li>
                                        <li><a href="#">Vợt</a></li>
                                        <li><a href="#">Bóng</a></li>
                                        <li><a href="#">Trang phục</a></li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                        
                        <div class="grid_3 alpha omega box-style space" style="background-color:#fff">
                            <h1 class="headmenu">Tùy chọn</h1>
                            
                            <dl>
                                <dt class="active"><a href="#">Khoảng giá</a></dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">Từ 500.000VND<br>Đến 1.000.000VND</a></li>
                                        <br>
                                        <li><a href="#">Từ 1.000.000VND<br>Đến 2.000.000VND</a></li>
                                    </ul>
                                </dd>
            
                                <dt><a href="#">Thương hiệu</a></dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">Adidas</a></li>
                                        <li><a href="#">Nike</a></li>
                                        <li><a href="#">Lotto</a></li>
                                        <li><a href="#">Lining</a></li>
                                    </ul>
                                </dd>
            
                                <dt><a href="#">Giới tính</a></dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">Nam</a></li>
                                        <li><a href="#">Nữ</a></li>
                                    </ul>
                                </dd>
            
                            </dl>
                        </div>
                    </div>
                        
                    <div class="grid_13 omega space box-style">
                        <h1 class="headmenu-right">Bóng đá</h1>
                        <div class="grid_13 alpha omega" style="margin:10px 0 0">
                            <div class="sort">
                                <label>Sắp xếp theo: </label>
                                <select name="sort">
                                    <option>Giá: Tăng dần</option>
                                    <option>Giá: Giảm dần</option>
                                    <option>Đánh giá: Tăng dần</option>
                                    <option>Đánh giá: Giảm dần</option>
                                </select>
                            </div>
                            <div class="page">
                                Trang:
                                <a href="#">1</a>
                                <a href="#">2</a>
                                <a href="#">3</a>
                                <a href="#">></a>
                                <a href="#">>></a>
                            </div>
                        </div>
                        <div class="grid_13 alpha omega space">
                            <div id="box-2" class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/G95022_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas F10 TRX TF</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                                       
                            </div>
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/G97729_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas F10 TRX FG Messi</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q21663_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas Predator LZ TRX FG</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q33665_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas nitrocharge 1.0 TRX FG</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/G97733_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas F10 TRX TF Messi</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/G97734_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas F10 TRX TF J Messi</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q33685_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas nitrocharge 3.0 TRX FG</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q33688_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas nitrocharge 2.0 TRX FG J</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q33696_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas nitrocharge 2.0 TRX TF J</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q33800_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas nitrocharge 1.0 TRX FG</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q33848_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas adizero F50 TRX FG</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q33851_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas adizero F50 TRX FG Messi</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:90%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                        </div>
                        <div class="grid_13 alpha omega" style="margin-bottom: 10px">
                            <div class="sort">
                                <label>Sắp xếp theo: </label>
                                <select name="sort">
                                    <option>Giá: Tăng dần</option>
                                    <option>Giá: Giảm dần</option>
                                    <option>Đánh giá: Tăng dần</option>
                                    <option>Đánh giá: Giảm dần</option>
                                </select>
                            </div>
                            <div class="page">
                                Trang:
                                <a href="#">1</a>
                                <a href="#">2</a>
                                <a href="#">3</a>
                                <a href="#">></a>
                                <a href="#">>></a>
                            </div>
                        </div>
                        
                    </div>
                        
                </div>
                
              
            </div>
            <div id="footer" class="space">
                <div class="container_12">
                    <div class="grid_4 space">                        
                            <h1>Dụng cụ thể thao</h1>
                            <ul>
                                <li><a href="#">Bóng đá</a></li>
                                <li><a href="#">Bóng chuyền</a></li>
                                <li><a href="#">Cầu lông</a></li>
                                <li><a href="#">Tennis</a></li>
                                <li><a href="#">Bóng bàn</a></li>
                            </ul>
                    </div>
                    <div class="grid_4 space">
                        <h1>Hỗ trợ khách hàng</h1>
                    </div>
                    <div class="grid_4 space">
                        <h1>Kết nối với chúng tôi</h1>
                    </div>
                </div>
                
                <div class="container_12 copyright">
                    <div class="grid_12">
                        <h6>Copyright © 2013 by shopsport.com</h6>
                    </div>
                </div>
                   
                    
            </div>
        </div>
    </body>
</html>
